<div class="navgat">
    <div class="wrap" style="position: relative">
       <div id="homeNav">
           <div class="homeNavLogo" ng-click="home()"><img src="static/logo.png"></div>
           <div  class="homeNavText">
               <ul class="homeNavTextUl">
                   <li ng-repeat="item in navData.columns track by $index" ng-click="jump('/home/'+item.columnId)" repeat-finish>{{item.columnName}}</li>
               </ul>
           </div>
           <div ng-click="showAllNavs=!showAllNavs" class="homeNavChanne">
               <!--<span style="margin-right: 0.1rem;">全部</span>jump('/home/'+item.columnId)-->
               <span><img src="static/1.png"></span>
           </div>


           <div  class="" style=" height: 60px;margin-left: 2%;float: left; padding-top: 0.12rem;width: 33%;">
               <div class="homeSearchGroup">
                   <!--全局搜索-->
                   <input id="artSearch" ng-model="artSearVal" ng-show="showSerInput" type="text" class="serchInput">
                   <span ng-click="serchAtr()" class="glyphicon glyphicon-search" style="margin-right: 0.1rem;cursor: pointer"></span>
               </div>
               <div id="logi" style="width: 45%;float: right;">
                   <!--login用户未登录-->
                     <div class="" id="sso-active" style="display: none;width: 100%;">

                       <p class="text-center" style="margin-top: 0.06rem;">

                           <span class="navlogoinText"><a onclick="ssologin()" href="javascript:void(0);">登录</a></span>
                           <span class="navlogoinText"><a onclick="register()" href="javascript:void(0);">注册</a></span>
                       </p>
                   </div>

                   <!--用户已登录-->
                   <div class="" id="sso-inactive" style="display: block;width:100%">
                       <div class="text-center userLogoin" style="width: 100%;">

                           <div class="" style=" width: 65%;float: left;">
                               <div class="userPhtons" style="float: left;width: 40px; height: 40px; border-radius: 50%;">
                                   <img src="static/01.png" style="width: 100%;height: 100%;">
                               </div>
                               <span id="uname" style="width: 45%; overflow: hidden;display: inline-block;margin-top: 0.08rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">APP190</span></div>
                       </div>

                           <button class="" style="float: right;margin-top: 0.08rem;">
                               <a onclick="exit()" href="javascript:void(0);">
                                   退出
                               </a>
                           </button>
                       </p>
                   </div>
               </div>
           </div>

       </div>
    </div>
    <div >
        <div ng-show="showAllNavs" class="showAllBox">
            <div class="wrap showAllBoxs">
                <div style="margin-bottom:0.2rem"><span class="showAllBox_title">全部频道</span><span ng-click="showAllNavs=!showAllNavs" class="showAllBox_rg">x</span></div>
                <ul ng-click="showAllNavs=!showAllNavs" id="homeNavChannelTextUl">
                    <li ng-repeat="item in navData.columns track by $index" ng-click="jump('/home/'+item.columnId)" repeat-finish><a>{{item.columnName}}</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<style>
    .navlogoinText{
        border-left: 1px solid #eee;
        padding: 0px 0.1rem;
    }
    .navlogoinText a{
        color: #eee;
    }
    .navgat{
        width: 100%;
        background: #000000;
        color: #cccccc;
    }
    #homeNav{
        width: 100%;
        overflow: hidden;
        height: 0.6rem;
        vertical-align: center;
        background: #000000;
    }
    .homeNavText{
        float: left;
        width: 50%;
    }
    .homeNavChanne{
       padding: 0.16rem 2%;
       cursor: pointer;
    }
    .homeNavText ul li{
        position: relative;
        height: 0.6rem;
        line-height: 0.6rem;
        width: 0.58rem;
        float: left;
        text-align: center;
        font-size: 0.16rem;
        color: #cccccc;
        transition:0.5s all ease;
        -webkit-transition:0.5s all ease;
        -moz-transition:0.5s all ease;
    }
   /* .homeNavText ul li:focus,
    .homeNavText ul li:active,.homeNavText ul li:hover ,.homeNavText ul li:visited{
        background:#fc9105 ;
        color: #000000;
        font-weight: 400;
    }*/

    .homeNavTextUl{
        overflow: hidden;
        height: 0.6rem;
    }
    .homeNavTextUl li:hover,#homeNavChannelTextUl li:hover{
        cursor: pointer;
    }
    .homeNavUser,.homeNavChanne,.homeNavText,.homeNavLogo{
        float: left;
    }
    .homeNavUser{
        float: right;
    }
    .homeNavUser{
        padding-top:0.12rem;
        width: 30%;
    }
    .homeNavLogo{
        position: relative;
        top: 0.09rem;
        margin-right: 3%;
        cursor: pointer;
    }
    #logi{
        float: right;
    }
    .serchInput{
        position: relative;
        top: 4px;
    }
    .homeSearchGroup{
        float: left;
        position: relative;
        width: 50%;
    }
    .homeSearchGroup span{
        position: absolute;
        top: 0.1rem;
        right: -0.1rem;
    }
    .homeSearchGroup span:hover,.navlogoinText:hover a{
        color: red;
    }
    .homeSearchGroup input{
        width: 80%;
    }
    /*导航两行*/
    .towlineBox{
        position: absolute;
        top: 58px;
        z-index: 50;
        background:#F1F1F1;

    }
    .homeNavTextUlTwoLine{
        /*position: absolute;*/
        border: 1px solid #e3e3e3;
        position: relative;
        height: 84px;
        overflow: hidden;
    }
    .homeNavTextUlTwoLine ul{
        overflow: hidden;
        padding-right: 40px;
    }
    .homeNavTextUlTwoLine li{
        float: left;
        padding: 10px 20px;
        float: left;
        color:#000000 ;
        font-size: 0.16rem;

    }
    .towlineBoxMor{
        position: absolute;
        bottom: 10px;
        right: 20px;

    }
    .towlineBoxMor a{
        color:#0000FF ;
    }
    .showAllBox{
        position: absolute;
        /*top: 58px;*/
        top: 0.6rem;
        width: 100%;
        z-index: 50;
    }
    .showAllBoxs{
        background: #ffffff;
        /*border:1px solid #000000;*/
        padding: 20px;

        box-shadow: 1px 1px 1px  #888888;

    }
    .showAllBox_rg{
        float: right;
        padding: 5px 10px;
        font-size: 20px;
        cursor: pointer;
    }
    .showAllBoxs ul li{
        margin: 10px;
        padding: 5px 20px;
        float: left;
        border: 1px solid #fff;
        /*background: #F7F7F7;*/
        color: #000000;
    }
    .showAllBox_title{
        font-size: 0.2rem;
        color: #000000;
    }
    .showAllBoxs ul{
        overflow: hidden;
    }
    .showAllBoxConfirm{
        margin: 60px 0;
        text-align: center;
    }
    .showAllBoxConfirm button{
        padding: 3px 20px;
    }
    .k-header{
        background-color:#f2f2f2;
        width: 448px;
    }
    .k-window-title{
        color:#000;
    }
    .showAllBoxs li:hover{
        background-color: rgb(252, 145, 5);
        color: #FFFFFF;
    }
    .showAllBoxs li:hover a{
        /*background-color: rgb(252, 145, 5);*/
        color: #FFFFFF;
    }
    .getVerifi {
        border: 1px solid #fc9105;
        padding: 0.03rem 0.8rem;
        bottom: 1.12rem;
        color: #fc9105;
        font-size: 1.1rem;
        border-radius: 0.266rem;
        position: absolute;
        right: 0.888rem;
    }

</style>
<script>
    $("#sso-inactive").hide();
    if(doGetCookie('mid_fouNder') != undefined || doGetCookie('mid_fouNder') != null || doGetCookie('mid_fouNder') != ''){
        var mid =doGetCookie('mid_fouNder');
        $('.userPhtons img').attr('src','http://59.108.92.239:8080/app_if/amuc/api/member/getPortrait?uid='+ mid);
    }
</script>